$(function(){
	$(':radio[name=template][value=0],:radio[name=template][value=2]').click(function(){
		$('.style').show();
	});
	$(':radio[name=template][value=1]').click(function(){
		$('.style').hide();
	});
	
	$('.all').click(function(){
		$('table input[type=checkbox]').each(function(){
			this.checked = true;
		});
	});
	$('.none').click(function(){
		$('table input[type=checkbox]').each(function(){
			this.checked = false;
		});
	});
	$('.selected').click(function(){
		$('table input[type=checkbox]').each(function(){
			this.checked = false;
		});
		$('table label.red').each(function(){
			$($(this).children('input')).get(0).checked = true; 
		});
	});
	
	$(':radio[name=protype][value=0]').click(function(){
		$('.sort').show();
		$('.pid1').show();
		$('.pid2').hide();
		$('.selected1').show();
		$('.selected2').hide();
	});
	$(':radio[name=protype][value=1]').click(function(){
		$('.sort').hide();
		$('.pid1').hide();
		$('.pid2').show();
		$('.selected1').hide();
		$('.selected2').show();
	});
	$('select[name="sort1"]').change(product);
	product();
	function product(){
		$.ajax({
			type : 'POST',
			url : ThinkPHP['AJAX'],
			data : {
				sid : $($('select[name="sort1"]').get(0).options[$('select[name="sort1"]').get(0).selectedIndex]).val()
			},
			success : function(response){
				$('.pid1 select').empty();
				var html = '',pro = $('input[name=pro]').length ? $('input[name=pro]').val() : '';
				$.each($.parseJSON(response),function(index,value){
					html += '<option value="' + value.id + '"' + ($.inArray(value.id,pro.split(','))!=-1&&$('input[type=radio][name=protype]:checked').val()==0 ? 'selected' : '') + ' style="color:' + value.color + ';">' + value.name + '（' + value.price + '元）</option>';
				});
				$('.pid1 select').append(html);
			}
		});
	}
	
	$(window).load(function(){
		setTimeout(selected1,500);
	});
	function selected1(){
		$('select[name="selected1"]').empty();
		var html = '',pro = $('input[name=pro]').length ? $('input[name=pro]').val() : '';
		$('.pid1 select option').each(function(){
			if ($.inArray($(this).val(),pro.split(','))!=-1&&$('input[type=radio][name=protype]:checked').val()==0) html += '<option value="' + $(this).val() + '" ' + ($(this).val()==$('input[name=proselected]').val() ? 'selected' : '') + ' style="' + $(this).attr('style') + '">' + $(this).text() + '</option>';
		});
		$('select[name="selected1"]').append(html);
	}
	$('.pid1 select').change(function(){
		$('select[name="selected1"]').empty();
		var html = '';
		$('.pid1 select option:selected').each(function(){
			html += '<option value="' + $(this).val() + '" style="' + $(this).attr('style') + '">' + $(this).text() + '</option>';
		});
		$('select[name="selected1"]').append(html);
	});
	
	$(window).load(function(){
		setTimeout(selected2,500);
	});
	function selected2(){
		$('select[name="selected2"]').empty();
		var html = sid = '';
		$('.pid2 select option:selected').each(function(){
			if (!new RegExp('<optgroup label="' + $(this).parent().attr('label') + '" style="' + $(this).parent().attr('style') + '">').test(html)){
				html += '<optgroup label="' + $(this).parent().attr('label') + '" style="' + $(this).parent().attr('style') + '">';
				sid += $(this).parent().attr('value') + ',';
			}
			html += '<option value="' + $(this).val() + '" ' + ($(this).val()==$('input[name=proselected]').val() ? 'selected' : '') + ' style="' + $(this).attr('style') + '">' + $(this).text() + '</option>';
		});
		$('select[name="selected2"]').append(html);
		$('input[name=sort2]').val(sid.substring(0,sid.length-1));
	}
	$('.pid2 select').change(function(){
		$('select[name="selected2"]').empty();
		var html = sid = '';
		$('.pid2 select option:selected').each(function(){
			if (!new RegExp('<optgroup label="' + $(this).parent().attr('label') + '" style="' + $(this).parent().attr('style') + '">').test(html)){
				html += '<optgroup label="' + $(this).parent().attr('label') + '" style="' + $(this).parent().attr('style') + '">';
				sid += $(this).parent().attr('value') + ',';
			}
			html += '<option value="' + $(this).val() + '" style="' + $(this).attr('style') + '">' + $(this).text() + '</option>';
		});
		$('select[name="selected2"]').append(html);
		$('input[name=sort2]').val(sid.substring(0,sid.length-1));
	});
	
	$(':radio[name=verify][value=0]').click(function(){
		$('.verify').hide();
	});
	$(':radio[name=verify][value=1]').click(function(){
		$('.verify').show();
	});
});